<template>
  <div class="home" @click="toHomepage">
    <span :class="['iconfont', 'icon-home1']"></span>
  </div>
</template>

<script>
  export default {
    name: 'home',
    methods: {
      toHomepage: function () {
        this.$router.push('/index');
      }
    }
  }
</script>

<style lang="scss">
  @import "../assets/scss/config";

  .home {
    position: absolute;
    right: setRem(36px);
    bottom: setRem(24px);
    z-index: 1;
    width: setRem(40px);
    height: setRem(40px);
    line-height: setRem(40px);
    text-align: center;
    color: #e7c598;
    font-size: setRem(40px);

    span {
      display: block;
      width: 100%;
      height: 100%;
      font-size: setRem(40px);
    }
  }
</style>
